.fixed {
	position: fixed;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.left-bottom {
	bottom: 0;
	left: 0;
}

.left-top {
	top: 0;
	left: 0;
}

.right-top {
	top: 0;
	right: 0;
}

.right-bottom {
	right: 0;
	bottom: 0;
}

// 块
.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

// 文本对齐
.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

// 文本修饰
.text-overline {
	text-decoration: overline;
}

.text-lineThrough {
	text-decoration: line-through;
}

.text-underline {
	text-decoration: underline;
}

// 文本溢出省略
.text-ellipsis-1 {
	// overflow: hidden;
	// text-overflow: ellipsis;
	// white-space: nowrap;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.text-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text-ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

// flex 横向
.flex-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.flex-evenly {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

// flex 纵向
.flex-tb-start {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.flex-tb-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-tb-end {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.flex-tb-between {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.flex-tb-around {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.flex-tb-evenly {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

.flex-tb-left-between {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}

.flex-tb-right-between {
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: space-between;
}

// flex 单独
.flex {
	display: flex;
}

.flex-lr {
	display: flex;
	flex-direction: row;
}

.flex-rl {
	display: flex;
	flex-direction: row-reverse;
}

.flex-tb {
	display: flex;
	flex-direction: column;
}

.flex-bt {
	display: flex;
	flex-direction: column-reverse;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-baseline {
	align-items: baseline;
}

.align-stretch {
	align-items: stretch;
}

.flex-110 {
	flex: 1 1 0%;
}

.flex-11a {
	flex: 1 1 auto;
}

.flex-10a {
	flex: 1 0 auto;
}

.flex-01a {
	flex: 0 1 auto;
}

.flex-none {
	flex: none;
}

.flex-grow-0 {
	flex-grow: 0;
}

.flex-grow {
	flex-grow: 1;
}

.flex-shrink {
	flex-shrink: 0;
}

// hover 样式
.pointer {
	cursor: pointer;
}

@for $i from 1 through 200 {
	.c-gap-#{$i*2} {
		column-gap: $i * 2rpx;
	}

	.r-gap-#{$i*2} {
		row-gap: $i * 2rpx;
	}

	.mt-#{$i*2} {
		margin-top: $i * 2rpx;
	}

	.mb-#{$i*2} {
		margin-bottom: $i * 2rpx;
	}

	.ml-#{$i*2} {
		margin-left: $i * 2rpx;
	}

	.mr-#{$i*2} {
		margin-right: $i * 2rpx;
	}

	.pt-#{$i*2} {
		padding-top: $i * 2rpx;
	}

	.pb-#{$i*2} {
		padding-bottom: $i * 2rpx;
	}

	.pl-#{$i*2} {
		padding-left: $i * 2rpx;
	}

	.pr-#{$i*2} {
		padding-right: $i * 2rpx;
	}

	.br-#{$i*2} {
		border-radius: $i * 2rpx;
	}
}

// 字体
@for $i from 10 through 50 {
	.size-#{$i*2} {
		font-size: $i * 2rpx;
	}

	.line-height-#{$i*2} {
		line-height: $i * 2rpx;
	}
}

// 字体
@for $i from 1 through 9 {
	.weight-#{$i*100} {
		font-weight: $i * 100;
	}
}

@for $i from 1 through 10 {
	.grid-#{$i} {
		display: grid;
		grid-template-columns: repeat($i, 1fr);
	}
}

.weight-bold {
	font-weight: bold;
}

// .border-t {
//   border-top: 1rpx solid $color-border;
// }
// .border-r {
//   border-right: 1rpx solid $color-border;
// }
.border-b {
	border-bottom: 1rpx solid #ebefff;
}
.color-0 {
	color: #000;
}
.color-3 {
	color: #333;
}

.color-6 {
	color: #666;
}

.color-9 {
	color: #999;
}

.color-white {
	color: #fff;
}

// .color-main {
//   color: $color-main;
// }

.bg-white {
	background: #fff;
}

.w-fill {
	width: 100%;
}

.h-fill {
	height: 100%;
}

view {
	box-sizing: border-box;
}
.zhan {
	width: 1rpx;
	height: 1rpx;
}

.btn-fixed-box {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	padding: 16rpx 32rpx;
	padding-bottom: 68rpx;
	z-index: 99;
}
